<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>物流信息管理</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<script src="../layui/layui.js"></script>
</head>
<body>

	<script type="text/javascript">
		layui.use([ 'layer', 'form', 'jquery', 'table', 'upload' ], function() {
			var layer = layui.layer;//声明对话框组件
			var form = layui.form;//声明表单组件
			var $ = layui.jquery;//声明jquery组件
			var table = layui.table;//声明table组件
			//数据表格
			table.render({
				elem : '#dg',
				id : 'dataTable',
				url : '../logistic/listPage', //数据接口
				
				page : true, //开启分页
				cols : [ [ //表头
					{
						field : 'lid',
						title : '物流公司编号',
						type : 'checkbox'
					}, {
						field : 'lname',
						title : '物流公司名称'

					}, {
						field : 'ltel',
						title : '公司电话'
					}, {
						field : 'lemail',
						title : '电子邮箱'

					}, {
						field : 'laddress',
						title : '物流公司地址',

					}, {
						field : 'cname',
						title : '操作',
						width : 100,
						toolbar : '#barDemo',
					} ] ],
				parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
					
					return {
						"code" : res.code, //解析接口状态
						"msg" : res.msg, //解析提示文本
						"count" : res.count, //解析数据长度
						"data" : res.data
					//解析数据列表
					};
				}
			});


			//监听表格行工具栏
			table.on('tool(test)', function(obj) {
				var data = obj.data;
				if (obj.event === 'edit') {
					//修改对话框
					layer.open({
						title : '修改',
						content : $('#edit-dialog').html(),
						type : 1,
					});
					form.val('edit-form', {
						'lid' : data.lid,
						'lname' : data.lname,
						'ltel' : data.ltel,
						'lemail' : data.lemail,
						'laddress' : data.laddress

					})

					//提交表单修改，关闭添加对话框
					form.on('submit(edit-submit)', function(data) {
						$.post('../logistic/update', data.field, function(flag) {
							if (flag) {
								table.reload('dataTable', {});//刷新表格
								layer.msg('修改成功');
								layer.closeAll('page');//关闭当前弹出对话框
							} else {
								layer.msg('修改失败');
							}
						})

						return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
					});
				}
			})

			//添加按钮
			$('#add-btn').click(function() {
				//弹出对话框
				layer.open({
					content : $('#add-dialog').html(),
					title : '添加物流公司',
					type : 1
				});
			
				//提交表单，关闭添加对话框
				form.on('submit(add-submit)', function(data) {
					
					$.post('../logistic/insert', data.field, function(flag) {

						console.log(type(flag));
						console.log(flag);
						if (flag) {
							layer.msg('添加成功');
						} else {
							layer.msg('添加失败');
						}

					})
				})
				return false;//阻止表单跳转。如果需要跳转，去掉本段
			})

			//查询按钮
			$('#search-btn').click(function() {
				//执行重载
				table.reload('dataTable', {
					    page : {
						curr : 1
					//重新从第 1 页开始
					},
					where : {
						lname : $('#lname').val()
					}
				});
			})

			//删除按钮
			$("#remove-btn").click(function() {
				var checkStatus = table.checkStatus('dataTable');
				var lids = [];
				for ( let i in checkStatus.data) {
					lids.push(checkStatus.data[i].lid);

				}

				$.post('../logistic/delete', {
					'lids' : lids
				}, function(flag) {
					if (flag) {
						table.reload('dataTable', {});
						layer.msg("删除成功");
					} else {
						layer.msg("删除失败");
					}
				});
			});

		})
	</script>
	<script type="text/html" id="barDemo">
		<a class="layui-btn layui-btn-xs" lay-event="edit">
			<i class="layui-icon layui-icon-edit"></i> 
			编辑
		</a>
	</script>
	<!-- 头部工具栏 -->
	<div class="demoTable">
		搜索物流公司名
		<div class="layui-inline">
			<input class="layui-input" name="lname" id="lname" autocomplete="off">
		</div>
		<button id="search-btn" class="layui-btn">
			<i class="layui-icon layui-icon-search"></i> 查询
		</button>
		<button id="add-btn" class="layui-btn layui-btn-warm">
			<i class="layui-icon layui-icon-addition"></i> 添加
		</button>
		<button id="remove-btn" class="layui-btn layui-btn-danger">
			<i class="layui-icon layui-icon-delete"></i> 删除
		</button>
		

	</div>
	<table id="dg" lay-filter="test"></table>

	<!-- 添加商品对话框 -->
	<script type="text/html" id="add-dialog">
	<form class="layui-form" method="post">
		<div class="layui-form-item">
		    <label class="layui-form-label">物流公司名称</label>
		    <div class="layui-input-inline">
		         <input type="text" name="lname" required lay-verify="required"
					  placeholder="请输入物流公司名称" class="layui-input">
		     </div>
	   </div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司电话</label>
			<div class="layui-input-inline">
				<input type="text" name="ltel" required
					lay-verify="required|number" placeholder="请输入物流公司电话"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司邮箱</label>
			<div class="layui-input-inline">
				<input type="text" name="lemail" required
					lay-verify="required" placeholder="请输入公司邮箱"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司地址</label>
			<div class="layui-input-inline">
				<input type="text" name="laddress" required
					lay-verify="required" placeholder="请输入公司地址"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
		<div class="layui-input-block">
		<button class="layui-btn" lay-submit lay-filter="add-submit">保存</button>
		<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		</div>
		</div>
	</form>
	</script>

	<!-- 修改商品对话框 -->
	<script type="text/html" id="edit-dialog">
	<form class="layui-form" method="post" lay-filter="edit-form">
		<input type="hidden" name="lid"/>
		<div class="layui-form-item">
			<label class="layui-form-label">公司名称</label>
			<div class="layui-input-inline">
				<input type="text" name="lname" required lay-verify="required"
					placeholder="请输入物流公司名称" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司电话</label>
			<div class="layui-input-inline">
				<input type="text" name="ltel" required
					lay-verify="required|number" placeholder="请输入物流公司电话"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司邮箱</label>
			<div class="layui-input-inline">
				<input type="text" name="lemail" required
					lay-verify="required" placeholder="请输入公司邮箱"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">公司地址</label>
			<div class="layui-input-inline">
				<input type="text" name="laddress" required
					lay-verify="required" placeholder="请输入公司地址"
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit lay-filter="edit-submit">提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
	</script>

	
</body>
</html>